<!DOCTYPE  HTML>
<html>
	<head>
		
		<script type="text/javascript" src="../resources/script.js"></script>
		<meta charset="utf-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  		<link rel="stylesheet" href="../resources/style.css" />
	</head>
	<body>
<script>
$(document).ready(function(){
  $("#btnaddNewTechnology").click(function(){
    $("#divTech").hide();
  });
});

$(document).ready(function(){
  $("#btnaddTech").click(function(){
    $("#divTech").show();
  });
});

</script>
		<div id="ahmainpnl" >
			<div id="ahheaderpnl">
				<img id="ahlogo" src="../resources/logo.png"></img>
				
			</div>
			<div id="ahmenupnl">
				 <a href="home_admin.html" id="ahbtnhome" class="btn btn-success">Home</a>
				<!--button type="button" id="ahbtnhome" class="btn btn-success" onclick="window.open('home_admin.html')">Home</button-->
				<hr/>
				<a href="addUser.html" id="ahbtnhome" class="btn btn-info">Users</a>
				<!--button type="button" id="ahbtnuser" class="btn btn-info" onclick="window.open('addUser.html')">Users</button-->
				<a href="addTechnology.html" id="ahbtnhome" class="btn btn-info">Technologies</a>
				<!--button type="button" id="ahbtntech" class="btn btn-info" onclick="window.open('addTechnology.html')">Technologies</button-->
				<a id="btnlogout">Logout</a>
			</div>
			<div id="ahcontentpnl">
				<div class="container" >
  					<h2 id="htech">Technology</h2>
					<button id="btnaddNewTechnology" type="button"  class="btn btn-primary" data-toggle="collapse" data-target="#addnewTech" >Add Technology</button>
				</div>
				<div id="addnewTech"class="collapse container" >
				<form role="form" id="addtechform" name="addtechform">
  						<div class="form-group">
    					<table>
  							<tr>
  								<td><input type="text" class="form-control" id="tid" placeholder="ID"></td>
  								<td><input type="text" class="form-control" id="tnm" placeholder="Name"></td>
  							</tr>
  							<tr>
  								<td colspan="2"><input type="text" class="form-control" id="tdesc" placeholder="Description"></td>
  							</tr>
  						</table>
  					</div>
  					 <button  id="btnaddTech" type="submit"  class="btn btn-default">Add Technology</button>
					</form>
 

				
				</div>
			<div id="divTech">
 				<table class="table table-hover">
        				<thead>
          					<tr>
            						<th>ID</th>
	    						<th>Name</th>
							<th>Description</th>
          					</tr>
        				</thead>
        				<tbody>
         					 <tr>
							<td>1</td>
							<td>Android</td>
							<td>Android is customisable, easy to use and works perfectly with all your favourite Google apps.</td>
							<td>
								<button type="button" class="btn btn-danger">Delete</button>
							</td>
					          </tr>
					          <tr>
							<td>2</td>		
							<td>.NET</td>
							<td>.NET Framework (pronounced dot net) is a software framework developed by Microsoft that runs primarily on Microsoft Windows. </td>		
							<td>
								<button type="button" class="btn btn-danger">Delete</button>
							</td>
          					</tr>
          					<tr>
							<td>3</td>
							<td>IOS</td>
							<td>iOS is the world’s most advanced mobile operating system, continually redefining what people can do with a mobile device. </td>
							<td>
								<button type="button" class="btn btn-danger">Delete</button>
							</td>
          					</tr>
        				</tbody>
      				</table>
			</div>

		
			
		</div>
		
	</body>
	
</html>
